<!doctype html>
<html lang="zxx" xmlns:th="http://www.thymeleaf.org">
<head>
    <div th:include="comment :: commonheader"></div>
    <!-- Title -->
    <title>Education</title>
</head>

<body>

<div th:replace="comment :: commondiv1"></div>


<!-- Start Page Title Area -->
<div class="page-title-area bg-4">
    <div class="container">
        <div class="page-title-content">
            <h2>全部家教</h2>
            <ul>
                <li>
<!--                    <a th:href="@{index}">-->
<!--                        主页-->
<!--                    </a>-->
                </li>

                <li class="active">家教</li>
            </ul>
        </div>
    </div>
</div>
<!-- End Page Title Area -->

<!-- Start Popular Courses Area -->
<section class="courses-area-style ptb-100">
    <div class="container">
        <div class="showing-result">
            <div class="row align-items-center">
                <div class="col-lg-6 col-md-4">
                    <div class="showing-result-count">
                        <p>当前第 [[${teachers.current}]] 页 总计 [[${teachers.pages}]] 页 共 [[${teachers.total}]] 条记录</p>
                    </div>
                </div>

                <div class="col-lg-3 col-md-4">
                    <form class="search-form" th:action="@{/teacherlist/sea}" method="post">
                        <input class="form-control" th:name="search" placeholder="查找老师" type="text">
                        <button class="search-btn" type="submit">
                            <i class="bx bx-search"></i>
                        </button>
                    </form>
                </div>
            </div>
        </div>

        <div class="row">

            <div class="col-lg-3 col-sm-6" th:each="teacher:${teachers.records}">
                <div class="single-teachers">

                    <a th:href="@{/selectTeacherById/} +( ${teacher.teaid})" >
                        <img th:src="@{'assets/img/teachers-img/' + ${teacher.tesphoto1}} ">
                    </a>
                    <div class="teachers-content">
                        <h3 th:text="${teacher.realteaname}"></h3>
                        <span th:text="${teacher.teaschool}"></span>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12">
                <div class="pagination-area">

                    <a  class="prev page-numbers" >
                        <i class="bx bx-chevron-left"></i>
                    </a>

                    <span  aria-current="page" th:each="num:${#numbers.sequence(1,teachers.pages)}">
                        <a th:href="@{/teacherlist(pn=${num})}" th:class="${num==teachers.current?'page-numbers current':'page-numbers'}" >[[${num}]]</a>
                    </span>

                    <a  class="next page-numbers" >
                        <i class="bx bx-chevron-right"></i>
                    </a>

                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Popular Courses Area -->

<div th:replace="comment :: commondiv2"></div>


<div th:replace="comment :: commondiv3"></div>

<div th:replace="comment :: commondiv4"></div>

<div th:include="comment :: commonscript"></div>

</body>
</html>